import React,{Component} from 'react';
import {Link,Route, HashRouter} from 'react-router-dom';
import {Content} from '../Components';
export default class  Topics extends Component{
	render(){
		
		return (
			< HashRouter>
			<div>
				<h3>Topics</h3>
					
				 <ul>
					<li><Link to={this.props.match.url+"/level1"} className="active">lever1</Link></li>
					<li><Link to={this.props.match.url+"/level2"} className="active">lever2</Link></li>
					<li><Link to={this.props.match.url+"/level3"} className="active">lever3</Link></li>

				</ul>
			    <div>
					<p>第二个子组件显示内容</p>
					<Route path={`${this.props.match.url}/:level`} component={Content}/>
					
				</div>
			</div>
			</ HashRouter>
		)
	}
}

